<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 
<!-- ################################## ADD LUGAR ################################## -->	 
	<div data-role="page" id="addPlacePopup" >
		<div data-role="header" id="addPlaceHeader" data-theme="b">
			<h1><spring:message code="places.ui.add.place.new" /></h1>
		</div>
		<div data-role="content"> 	
			<div id="addPlaceNameDiv">
				<label for="addPlaceName"><spring:message code="places.ui.add.place.name" /></label>
				<input type="text" name="addPlaceName" id="addPlaceName"/> 
			</div>
			
			<div id="addPlaceTypeDiv">
				<label for="addPlaceType" class="select"><spring:message code="places.ui.add.place.type" /></label>
			 
				<ul data-role="listview" data-inset="true" id="addPlaceTypeList">
 						 <li>
						 	<a href="#" >
							     <img class="ui-li-icon" id="addPlaceTypeImg" >
							     <label for="addPlaceTypeText"> <spring:message code="places.ui.add.place.type.select" /></label>							   
						 	</a>
						</li>    
 				</ul>								 			
				 
				<input type="hidden"  id="addPlaceTypeValue" />
	 		</div>
	 		
	 		<div id="addPlaceRateDiv">
				<label for="addPlaceRateText"><spring:message code="places.ui.add.place.rate" /></label>
				<div id="addPlaceRate"></div>
			</div>
	 		
			<div id="addPlaceComment">
				<label for="addPlaceCommentTextArea"><spring:message code="places.ui.add.place.comments" /></label>
				<textarea name="addPlaceCommentTextArea" id="addPlaceCommentTextArea"></textarea>
			</div>
			  			
	 		<br>
		 	<div id="addPlaceButtons">
		 		<a href="#" data-role="button" data-transition="fade" data-icon="back"
	                    data-iconpos="left"  data-rel="back"  data-inline="true" id="addPlaceCancelButton">
	                    <spring:message code="places.ui.add.place.cancel" />
	            </a>
	              
				<a href="#" data-role="button" data-transition="fade" data-icon="arrow-r"
	                    data-iconpos="right" data-inline="true" id="addPlaceButton">
	            	<spring:message code="places.ui.add.place.add" />
	            </a>
	        </div> 
		</div>
    </div>
 
  <!-- ################################## ELIMINAR LUGAR ################################## -->	 
	<div data-role="page" id="removePopup" >
		<div data-role="header" id="removeHeader" data-theme="b">
			<h1></h1>
		</div>
		<div data-role="content"> 	
			 			 	
			<div id="removeReason">
				<label for="reasoneText"><spring:message code="places.ui.remove.reason" /></label>
				<textarea name="reasonText" id="removeReasonTextarea"></textarea>
			</div>
					 				 
	 		<br>
		 	<div id="markerButtons">
		 		<a href="#" data-role="button"  data-transition="fade" data-rel="back" data-icon="back"
	                    data-iconpos="left" data-inline="true" id="customToastCancelButton">
	            	<spring:message code="cancel" />
	            </a>
	                    
				<a href="#" data-role="button" data-transition="fade" data-icon="arrow-r"
	                    data-iconpos="right" data-inline="true" id="sendRemovePlaceButton">
	            	<spring:message code="submit" />
	            </a>
	        </div> 
		</div>
    </div>
 
 
 
   <!-- ################################## COMENTARIOS DEL LUGAR ################################## -->	 
	<div data-role="page" id="commentPopup" >
		<div data-role="header" id="commentHeader" data-theme="b">
			<h1></h1>
		</div>
		<div data-role="content"> 	
			 
	 		 			 	
			<div id="rateComment">
				<label for="commentText"><spring:message code="places.ui.details.comments" /></label>				 
			</div>
		 		
		 	<div>
			 	<ul data-role="listview" data-inset="true" id="commentList">
				    
				</ul>
		 	</div>		 
	 		<br>
		 	<div id="placeCommentButtons">
		 		<a href="#" data-role="button"  data-transition="fade" data-rel="back" data-icon="check"
	                    data-iconpos="right" data-inline="true" id="customToastCancelButton">
	            	<spring:message code="ok" />
	            </a>	                
	        </div> 
		</div>
    </div>
  
 
 
  <!-- ################################## PUNTUAR LUGAR ################################## -->	 
	<div data-role="page" id="ratePopup" >
		<div data-role="header" id="rateHeader" data-theme="b">
			<h1></h1>
		</div>
		<div data-role="content"> 	
			<div id="rateTittle">
				<label for="tittle"><spring:message code="places.ui.details.rate" /></label>
				<div id="ratePlace"></div>
			</div>
	 		 			 	
			<div id="rateComment">
				<label for="commentText"><spring:message code="places.ui.details.comment" /></label>
				<textarea name="commentText" id="rateCommentTextarea"></textarea>
			</div>
		
			<div id="disclaimerComment">
			 	<input type="checkbox" name="disclaimerCB" id="disclaimerCB" data-mini="true">
    			<label for="disclaimerCB">    			
					<a href="#popupInfo" data-rel="popup" id="disclaimerLink"   
					>
						<spring:message code="places.ui.rate.accept_ip" />
					</a>
    			</label>
    			    			
				<div data-role="popup" id="popupInfo" class="ui-content" data-theme="a" style="max-width:350px;">
				  <p><spring:message code="places.ui.rate.intellectual_property" /></p>
				</div>
			</div>
				 
	 		<br>
		 	<div id="markerButtons">
		 		<a href="#" data-role="button"  data-transition="fade" data-rel="back" data-icon="back"
	                    data-iconpos="left" data-inline="true" id="customToastCancelButton">
	            	<spring:message code="cancel" />
	            </a>
	                    
				<a href="#" data-role="button" data-transition="fade" data-icon="arrow-r"
	                    data-iconpos="right" data-inline="true" id="sendRateButton">
	            	<spring:message code="submit" />
	            </a>
	        </div> 
		</div>
    </div>
  
<!-- ################################## DETALLE DEL LUGAR ################################## -->
	<div data-role="page" id="markerPopup" data-dialog="true">	 
		 <div data-role="header" id="markerHeader" data-theme="b">
			<h1></h1>
		</div>
		<div data-role="content"> 	
			<div id="markerTittle">
				<img src="" alt="" id="markerImage"> <label for="tittle"></label>
			</div>
	
			<div id="markerRate">
				<label for="rateText"><spring:message code="places.ui.details.rate" /><spring:message code="colon" /></label>
				<div id="star"></div>
			</div>
	
			<div id="markerDistance">
				<label for="distanceText"><spring:message code="places.ui.details.distance" /><spring:message code="colon" /></label> <label for="distance"></label>
			</div>
	
			<div id="markerComment">
				<label for="commentText"><spring:message code="places.ui.details.comment" /><spring:message code="colon" /></label> <label for="comment"></label>
			</div>
	 		<br>
		 	<div id="markerButtons">
				<div data-role="navbar">
	                <ul>
	                    <li><a href="#ratePlacePopup"   id="ratePlaceButton" data-role="button" data-transition="fade" data-icon="arrow-r" 
	                    data-iconpos="right" data-inline="true" ><spring:message code="places.ui.details.rate_place" /></a></li>
	
	                    <li><a href="#getDirectionsPopup" data-role="button" data-transition="fade" data-icon="arrow-r"
	                     data-iconpos="right" data-rel="back" data-inline="true" id="getDirectionsButton"><spring:message code="places.ui.details.get_directions" /></a></li>
	                </ul>
	            </div>
	
	            <div data-role="navbar">
	                <ul>
	                    <li><a href="#showCommentPopup" data-role="button" data-transition="fade" data-icon="arrow-r" 
	                    data-iconpos="right" data-inline="true" id="showCommentButton"><spring:message code="places.ui.details.show_comments" /></a></li>
	                    <li><a href="#removePlacePopup" data-role="button" data-transition="fade" data-icon="arrow-r"
	                    data-iconpos="right" data-inline="true" id="removePlaceButton"><spring:message code="places.ui.details.remove_place" /></a></li>
	                </ul>
	            </div>
	         </div> 
		</div>
    </div>
	
	<!-- ################################## SELECT PLACE TYPE ################################## -->	 
	<div data-role="page" id="placeTypePopup" >
		<div data-role="header" id="placeTypeHeader" data-theme="b">
			<h1><spring:message code="places.ui.add.place.type.select" /></h1>
		</div>
		<div data-role="content"> 	 
		 	<div>
			 	<ul data-role="listview" data-inset="true" id="placeTypeList">
				    <c:forEach var="icon" items='${places_types}'>										
						 <li>
						 	<a href="#" onclick="selectPlaceTypeSelected(${icon.id },'${icon.name }','${icon.imgPath }');">
							     <img class="ui-li-icon" src="${icon.imgPath }">
								 <spring:message code="${icon.name}" />								   
						 	</a>
						</li>    
					</c:forEach>
				</ul>
		 	</div>		
	 		 
		</div>
    </div>
  
 